<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>鹰视眼镜注册登录页面</title>
    <link rel="stylesheet" href="CSS/style.css">
    <style>
        .slidercaptcha {
          margin: 0 auto;
          width: 314px;
          height: 286px;
          border-radius: 4px;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);
          margin-top: 40px;
        }
        .slidercaptcha .card-body {
          padding: 1rem;
        }
        .slidercaptcha canvas:first-child {
          border-radius: 4px;
          border: 1px solid #e6e8eb;
        }
        .slidercaptcha.card .card-header {
          background-image: none;
          background-color: rgba(0, 0, 0, 0.03);
        }
        .refreshIcon {
          top: -42px;
        }
      </style>
</head>
<body>
    <div class='left'>
        <div class="logo">
            <img src="images/2.png" alt="">
        </div>
        <div class='biaoyu'>
            <h1>鹰视眼镜，模糊的宿敌。</h1>
            <p>模糊一去不复返，清晰长久驻留在！</p>
        </div>
        <div class='copyright'>
            <p>帮助中心|2020&copy;yingshi.com</p>
        </div>
    </div>
    
    <div class="right">
        <form action=" ">
            <table>
                <caption>欢迎注册</caption>
                <tr>
                    <td>
                        已有账号？
                        <a href="http://a191208011008.gitee.io/a02/">登录</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="">用户名</label>
                        <input type="text" placeholder="请输入您的用户名">
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="">手机号</label>
                        <input type="number" name="id" placeholder="请输入您的手机号码">
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="">密&nbsp;&nbsp;&nbsp;码</label>
                        <input type="password" placeholder="请输入您的密码">
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="">验证码</label>
                        <input type="text" placeholder="请输入验证码" class="input-mini">
                        <button class="get">获取验证码</button>
                    </td>
                </tr>
                <tr>
                    <td>
                        <button class="zc">注册</button>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" name="" id="" class="checx">阅读并接受《用户协议》、《用户隐私协议》
                    </td>
                </tr>
            </table>
        </form>
    </div>
<!--在线咨询、留言框开始-->
    <div class="guanggao-dbbox">
        <div class="nb-nodeboard-top">
            <span class="fl">请您留言</span>
            <span class="fr" id="nb-close"><img src="images/nodeMin.png" alt=""></span>
            <span class="fr" id="nb-gb"><img src="images/nodeMin.png" alt=""></span>
            <span class="fr" id="nb-show"><img src="images/nodeMax.png" alt=""></span>
        </div>
        <div class="nb-nodeboard-text">
            <p class="nb-nodeboard-company">鹰视贵宾加急通道</p>
            <p class="nb-nodeboard-link">代办申请</p>
        </div>
        <form id="nb_nodeboard_form" autocomplete="off" class="nb-board-form" action="" method="post" >
            <div class="nb-nodeboard-content">
                <textarea id="nb-nodeboard-set-content-js" name="square"  placeholder="请在此输入留言内容，我们会尽快与您联系。(必填)"></textarea>
                <p class="nb-nodeboard-tips" id="nb-nodeboard-tips-js"></p>
            </div>
    
            <div class="nb-nodeboard-inputbox" id="nb-nodeboard-name" >
                <span class="nb-nodeboard-icon nodeName"></span>
                <input id="nb_nodeboard_set_name" data-write="0" name="name" maxlength="10"  type="text"  placeholder="姓名">
            </div>
    
            <div class="nb-nodeboard-inputbox" id="nb_nodeboard_phone" >
                <span class="nb-nodeboard-icon nodePhone"></span>
                <input id="nb_nodeboard_set_phone" name="tel" maxlength="11" class="nb-nodeboard-param"  type="text"  placeholder="手机号(必填)">
            </div>
            <p class="nb-nodeboardphone-tips" id="nb-nodeboardphone-tips-js"></p>
            <div id="nb_nodeboard_send" needverifycode="1" class="nb-nodeboard-send-btn">发 送</div>
        </form>
    </div>
    
    <!--/浮动窗口-->
    <div class="nb-dingwei">
        <div class="container">
            <div class="nb-fd-close" onclick="closenb()"><img src="images/close.png" alt=""></div>
            <div class="nb-fd-content">
                <p>您的专属VIP通道<br>办理咨询</p>
                <div class="anniubox">
                    <span class="nb-sh" onclick="closenb()">稍后再说</span>
                    <span class="nb-dk" onclick="opennb()">现在咨询</span>
                </div>
            </div>
        </div>
    </div>
    <div class="nb-online-box" onclick="opennb()"><h2>在线咨询</h2><p>Online Consulting</p></div>
<!--在线咨询、留言框结束-->


<div class="container-fluid">
    <div class="form-row">
      <div class="col-12">
        <div class="slidercaptcha card">
          <div class="card-header"><span>请完成安全验证</span></div>
          <div class="card-body">
            <div id="captcha"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
  <script src="js/longbow.js"></script>
  <script>
    $('#captcha').sliderCaptcha(
      { 
        repeatIcon: 'fa fa-redo',
        setSrc: function () {
          return ''; },
        onSuccess: function () { alert('验证通过!'); }
      });
        
    </script>

    <script src="js/jquery.min.js"></script>
    <script src="js/shangqiao.js"></script>

</body>
</html>